<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这次是CSS</title>
</head>
<body>
    <p>css也叫做层叠样式表，主要负责网页的样式，css将网页架构和页面显示进行分离</p>
    <p>css常见属性</p>
    <ul>
        <li>color 文字颜色</li>
        <li>font-size 文字大小</li>
        <li>width 宽度</li>
        <li>height 高度</li>
        <li>backgroud-color 背景颜色</li>
        <li>backgroud-image 背景图片</li>
        <li>line-height 行高</li>
        <li>text-align 文字位置</li>
        <li>text-indent 对齐方式(首行缩进。)</li>
    </ul>
    <p>在css里面经常会去处理跟文本有关的样式，下面看下文本的样式</p>
    <ul>
        <li>font-family 字体</li>
        <li>font-size 文字大小</li>
        <li>font-weight 文字粗细</li>
        <li>font-style 字体风格</li>
        <li>line-height 行高</li>
    </ul>

    <p>css常见写法-内嵌式写法，css代码写到head标签里面</p>
    <p>css常见写法-外链式写法，单独在一个css文件里面去写css代码，写完之后，通过link标签 link href="xxx.css" 这种方式来引入css代码 </p>
    <p>css常见写法-行内式写法，把css代码写到标签里面。</p>
    <p>推荐外链式写法</p>
</body>
</html>